// 公共样式
#box {
    margin: 0;
    padding: 0;
    // width: 100%;
}

// 导航条
#dht {
    width: 100%;
    // height: 100px;
    background-color: #670003;
    display: flex;
    justify-content: space-between;

    .logo {
        width: 245px;
        height: 103px;

        img {
            width: 100%;
            height: 100%;
        }
    }

    .daohang {

        display: flex;

        .item {
            width: 100px;
            height: 103px;
            margin-left: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;

            p {
                font-size: 15px;
                color: #ffffff;

                &:hover {
                    color: #ff0000;
                    // font-size: 18px;

                }
            }


            button {
                background-color: #fff;
                width: 50px;
                height: 30px;

            }

        }

        .yxxz {

            p {
                color: #f3ff0b;

            }
        }
    }

}



// 适配窗口
/* 768 1024 1280 */
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
    // #dht {
    //     width: 1024px;
    // }
}

@media screen and (max-width: 768px) {

    #dht {
        .daohang {

            .item {
                width: 60px;

                p {
                    font-size: 10px;

                }
            }
        }
    
    }

    
}